<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>com.nokia.device.events</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        
		<script type="text/javascript" src="script/platformservices.js" charset="utf-8"></script>
        <script type="text/javascript" src="script/templates.js" charset="utf-8"></script>
        <script type="text/javascript" src="script/platformservices_20_specific.js" charset="utf-8"></script>
        <script type="text/javascript" src="script/basic.js" charset="utf-8"></script>
		
        <link href="styles/reset.css" rel="stylesheet" type="text/css" />
        <link href="styles/baseStyles.css" rel="stylesheet" type= "text/css" />
        <link href="styles/appspecific.css" rel="stylesheet" type= "text/css" />
		
    </head>
	
    <body>
        <div id="wrap">
            <div id="content">
                <h1 class="top-aligned">Events widget</h1>
                <ul class="nav-horizontal-flat stack">
                    <li class="first two-piece">
                        <a id="a1" class="selectedTab" href="#" id="calls" onclick="show_secondary_filters('call');">CALLS</a>
                    </li>
                    <li class="last two-piece">
                        <a id="a2" href="#" id="sms" onclick="show_secondary_filters('sms');">SMS</a>
                    </li>
                </ul>
                <div class="full_width" id="call_filters">
                    <ul class="nav-horizontal-flat stack">
                        <li class="first three-piece">
                            <a id="a11" class="selectedTab" href="#" onclick="onclick_secondary_filter('Call','Outgoing');selectTab('a1',this.id);">OUTGOING</a>
                        </li>
                        <li class="three-piece">
                            <a id="a12" href="#" onclick="onclick_secondary_filter('Call','Missed');selectTab('a1',this.id);">MISSED</a>
                        </li>
                        <li class="last three-piece">
                            <a id="a13" href="#" onclick="onclick_secondary_filter('Call','Received');selectTab('a1',this.id);">RECEIVED</a>
                        </li>
                    </ul>
                </div>
                <div class="full_width" id="sms_filters">
                    <ul class="nav-horizontal-flat stack">
                        <li class="first two-piece">
                            <a id="a21" href="#" id="sms_incoming" onclick="onclick_secondary_filter('SMS','Received');selectTab('a2',this.id);">RECEIVED</a>
                        </li>
                        <li class="last two-piece">
                            <a id="a22" href="#" id="sms_outgoing" onclick="onclick_secondary_filter('SMS','Outgoing');selectTab('a2',this.id);">SENT</a>
                        </li>
                    </ul>
                </div>
                <div class="leftfloater" id="eventscontainer"></div>
            </div>
        </div>
    </body>
</html>
